<!DOCTYPE html>
<html>
<head>
  <title>Umbrella</title>
  <%= stylesheet_link_tag    "application" %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div id="page">
    <header class="gblHeader">
    <div class="outer">
      <div class="inner">
        <nav class="site secondary">
        <ul style="margin-top: 0px; padding: 0px;">
          <li class="current personal">
          <span>
            <a href="/"><%= t 'personal' %></a>
          </span>
          </li>
          <li class="business">
          <span>
            <a href="/"><%= t 'business' %></a>
          </span>
          </li>
        </ul>
        </nav>
      </div>
    </div>
    <div class="nav">
      <div class="navOut">
        <nav>
        <ul style="margin-top: 0; margin-bottom: 0px;">
          <li class="logo">
          <a href="/" style="padding: 0px; height: 72px;"><img src="/assets/logo.png" alt="Umbrella John Home"/></a>
          </li>
          <li class="dropdown">
          <a href="<%= umbrellas_path %>"><%= t 'Umbrella' %></a>
            <ul>
              <li><%= t 'gardenUmbrella' %></li>
              <li><%= t 'beachUmbrella' %></li>
              <li><%= t 'petUmbrella' %></li>
              <li><%= t 'specialStylesUmbrella' %></li>
              <li><%= t 'foldingUmbrella' %></li>
              <li><%= t 'straightUmbrella' %></li>
              <li><%= t 'kidsUmbrellas' %></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href=""><%= t 'Sunglass' %></a>
            <ul>
              <li><%= t 'matelSunglass' %></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href=""><%= t 'Raincost' %></a>
            <ul>
              <li><%= t 'adultsRaincoats' %></li>
              <li><%= t 'kidsRaincoats' %></li>
            </ul>
          </li>
          <li class="">
            <a href=""><%= t 'rainboots' %></a>
          </li>
        </ul>
        </nav>
      </div>
    </div>
    </header>
    <section id="content">
    <section id="main">
    <%= yield %>
    </section>
    </section>
    <footer id="gblFooter">
    <div class="utility">
      <div class="footerNav">
        <nav>
        <ul>
          <li>
          <a href=""><%= t 'help' %></a>
          </li>
          <li>
          <a href=""><%= t 'contact' %></a>
          </li>
          <li>
          <a href="<%= admin_maintain_index_url %>"><%= t 'maintain' %></a>
          </li>
        </ul>
        </nav>
      </div>
    </div>
    <div class="footer">
      <div class="footerNav clearfix">
        <div class="wrapper">
          <ul class="topList">
            <li><%= t 'about' %></li>
            <li><%= t 'feedback' %></li>
          </ul>
          <div class="legal">
            <p class="copyright"><%= t 'copyright' %></p>
          </div>
        </div>
      </div>
    </div>
    </footer>
  </div>
</body>
</html>
